<template>
	<view class="container">
		<view class="header">
			<!-- <text class="title">博客</text> -->
			<view class="nav">
				<ul class="navbar-list">
					<li class="navbar-item active"><a href="#" class="navbar-link">首页</a></li>
					<li class="navbar"><a href="#">科技</a></li>
					<li class="navbar"><a href="#">生活</a></li>
					<li class="navbar"><a href="#">家居</a></li>
				</ul>
			</view>
		</view>
		<view class="middle">
			<view class="middle-article">
				<navigator url="/pages/index/detail">
				<image src="https://img.36krcdn.com/20210516/v2_397b59bf8d8f4257ab7038df86d11c69_img_png" class="article-img"></image>
				</navigator>
				<view class="art-title"><navigator url="/pages/index/detail">拆解阿里2021年财报，一条主线三个点</navigator></view>
				<view class="yvedu"><navigator url="/pages/index/detail">阅读更多...</navigator></view>
			</view>
			
			<view class="middle-article">
				<navigator url="/pages/index/detail">
				<image src="https://img.36krcdn.com/20210516/v2_397b59bf8d8f4257ab7038df86d11c69_img_png" class="article-img"></image>
				</navigator>
				<view class="art-title"><navigator url="/pages/index/detail">拆解阿里2021年财报，一条主线三个点</navigator></view>
				<view class="yvedu"><navigator url="/pages/index/detail">阅读更多...</navigator></view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"index"
	}
</script>

<style>
</style>
